<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      >

    <ui:composition template="/layout/adminTemplate.xhtml">
        <ui:define name="content">
            <p:panel header="Crear Galería" id="pnlAdminContenido">
                <h:form enctype="multipart/form-data" id ="ss" >
                    <p:growl id="messages"/>
                    <p:panel header="Información"  >
                        <h:panelGrid columns="2" id="pnlDatosGaleria" style="border: none !important;">
                            <h:outputLabel for="nombre" value="Titulo:" />
                            <p:inputText id="nombre" value="#{gestorGalerias.galeria.nombre}" style="width: 300px;" />
                            <h:outputLabel for="descripcion" value="Descripción:" />
                            <p:inputTextarea rows="6" cols="50" value="#{gestorGalerias.galeria.descripcion}"/>  
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Agregar Documento"  >

                        <h:panelGrid columns="2" style="border: none !important;">
                            <h:outputLabel for="nombre" value="Titulo:" />
                            <p:inputText id="dnombre" value="#{gestorGalerias.nuevo.nombre}"/>
                            <h:outputLabel for="descripcion" value="Descripción:" />
                            <p:inputTextarea rows="6" cols="50" value="#{gestorGalerias.nuevo.descripcion}" />  
                            <h:outputLabel value="Tipo de documento:" />
                            <h:selectOneMenu value="#{gestorGalerias.nuevo.tipo}">               
                                <f:selectItem itemValue="0" itemLabel="Foto" />
                                <f:selectItem itemValue="1" itemLabel="Video" />
                            </h:selectOneMenu>


                            <h:outputLabel for="link" value="Link:"/>
                            <p:inputText id="dlink" value="#{gestorGalerias.nuevo.link}"  style="width: 300px;"/>
                            <h:outputText value="Foto:" />
                           

                            <p:fileUpload fileUploadListener="#{gestorGalerias.handleFileUpload}" mode="advanced"  
                                          update="messages" auto="true" sizeLimit="10000000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 


                        </h:panelGrid>
                        <p:commandButton value="#{gestorGalerias.gAccion()}" ajax="false" action="#{gestorGalerias.agregarDocumento}" update="table1"/>


                    </p:panel>



                    <p:panel header="Documentos en la Galeria" id="pnllista" >
                        <p:dataTable id="table1" value="#{gestorGalerias.galeria.documentos}" var="item" 
                                     paginator="true" rows="10"  
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10,15">
                            <f:facet name="header">
                                <h:outputText value="Documentos a subir" />
                            </f:facet>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Nombre" />
                                </f:facet>
                                <h:outputText value="#{item.nombre}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Descripción" />
                                </f:facet>
                                <h:outputText value="#{item.descripcion}" />
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Link" />
                                </f:facet>
                                <a href="#{gestorGalerias.obtlink(item)}" target="_blank">#{item.link}</a> 

                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Foto" />
                                </f:facet>

                                <h:graphicImage id="foto" value="#{gestorGalerias.gFoto(item)}" width="120" height="140"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Opciones" />
                                </f:facet>

                                <p:commandButton value="Editar" ajax="false" action="#{gestorGalerias.Editar(item)}"/>


                                <p:commandButton value="Quitar" ajax="false" action="#{gestorGalerias.Borrar(item)}"/>
                            </p:column>
                        </p:dataTable>
                    </p:panel>

                    <p:commandButton value="Publicar" ajax="false" action="#{gestorGalerias.guardarGaleria}"/>
                    <p:commandButton value="Cancelar" ajax="false" action="#{gestorGalerias.cancelarGaleria}"/>
                </h:form>
            </p:panel>
        </ui:define>
    </ui:composition>
</html>
